<template>
    <div class="HomeSwipe">
        <van-swipe :autoplay="3000" indicator-color="block">
            <van-swipe-item v-for="item of banner" :key="item.id">
                <img :src="item.imgUrl" alt=""  >
            </van-swipe-item>
        </van-swipe>
    </div>
</template>
<script>
export default {
    name:"HomeSwipe",
    props:{
        banner:{
            type:Array
        }
    }
}
</script>
<style lang="scss" scoped>
    .HomeSwipe{
        img{
            width: 100%;
            height: 40vw;
        }
    }
</style>
